<script setup>
</script>

<template>
    <div class="common-layout">
        <el-container>
            <el-header class="header"></el-header>
            <el-container>
                <el-aside width="50%">
                    <div class="title">
                        Для кого <span>IMPLEO?</span>
                    </div>
                </el-aside>
                <el-main>
                    <div class="content">
                        <div class="subtitle">
                            Тебе нужен специалист
                        </div>
                        <p>
                            Доктора для души доступны теперь каждому человеку с любым уровнем дохода! Это платформа, где собраны лучшие специалисты со всего мира, чтобы привести Ваше ментальное здоровье в порядок. Психологи, коучи, тета-хилеры, астропсихологи уже жду Вас. Ничего не меняя, ничего не изменится! Поэтому Вы можете сделать свой выбор прямо сейчас - первый шаг на встречу к счастью.
                        </p>
                        <button>Найти своего специалиста</button>
                    </div>
                    <div class="content">
                        <div class="subtitle">
                            Ты специалист
                        </div>
                        <p>
                            Если Вы начинающий или опытный специалист, у Вас горят глаза и есть огромное желание помогать людям, но не знаете, где искать клиентов, как продвигать свои услуги, то платформа IMPLEO идеально для этого подходит. Здесь всегда будет работа, и Вы сможете раскрыть свою индивидуальность, потенциал и способности, наработать опыт и базу постоянных клиентов.
                        </p>
                        <button>Стать специалистом</button>
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<style lang="sass" scoped>
@import '../../assets/styles/main'

.common-layout
    padding: 1em

.title
    font-size: 6.5em
    text-transform: uppercase
    color: $black
.title span
    color: $blue_m

.content p
    font-size: 2em
.content button
    background: $blue_m
    color: $white
    margin-bottom: 5em
    width: 100%
    border: none
.content button:hover
    background: $blue_none

.subtitle
    font-size: 3em
    color: $black
</style>